<html>
	<head>
		<title>Dropdown Split Button</title>
		<link rel="stylesheet" href="../dropdown-split-button/dropdown-split-button.css" />
		<script type="text/javascript" src="../dropdown-split-button/dropdown-split-button.js"></script>
	</head>
	<body>
		<div class="content">
			<div class="dropdown-split-button">
				<div class="split-button">
					<button class="button upper-button" data-link="https://npamngr.eao.ru/report/full/export?format=pdf">
						<img src="img/save.png" />
					</button>
					<div class="splitter"></div>
					<button class="button lower-button">
						<p>
							Сохранить<br />файл
							<svg width="10" height="5">
								<polygon points="0,0 10,0 5,5" fill="#333333" />
							</svg>
						</p>
					</button>
				</div>
				<div class="dropdown" style="display: none;">
					<div class="dropdown-decor"></div>
					<button class="dropdown-option" data-link="https://npamngr.eao.ru/report/full/export?format=pdf">
						<img src="img/pdf.png" />
						<div class="option-caption">PDF</div>
					</button>
					<button class="dropdown-option" data-link="https://npamngr.eao.ru/report/full/export?format=xlsx">
						<img src="img/xlsx.png" />
						<div class="option-caption">XLSX</div>
					</button>
					<button class="dropdown-option" data-link="https://npamngr.eao.ru/report/full/export?format=rtf">
						<img src="img/rtf.png" />
						<div class="option-caption">RTF</div>
					</button>
				</div>
			</div>
		</div>
	</body>
</html>